<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-type" content="text/html; charset=utf-8">
        <title>Combo KML Example</title>
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js" type="text/javascript"></script>
        <script src="examples.js" type="text/javascript"></script>
        <script src="https://www.google.com/jsapi?autoload=%7B%22modules%22%3A%5B%7B%22name%22%3A%22earth%22%2C%22version%22%3A%221%22%7D%5D%7D&key=ABQIAAAAbEBR9v0lqBFdTfOcbe5WjRQPjtdHQ3xdBuNAR-KDFOW1mqdVsRRmZhmrl-MOSGS44M9Gug9FdssEgQ" type="text/javascript" charset="utf-8"></script>
        <script id="sample" type="text/example" charset="utf-8">
        
            var tree;

            $(document).ready(function(){
                google.earth.createInstance('map3d', init, failure);                
            });

            function init(ge) {
                ge.getWindow().setVisibility(true);
                var gex = gex = new GEarthExtensions(ge);
                
                tree = kmltree({
                    url: './kml/kmlForestTest.kml',
                    gex: gex, 
                    mapElement: $('#map3d'), 
                    element: $('#tree'),
                    setExtent: true
                });

                tree.load();
                
            }

            function failure(errorCode) {
                alert('failed to load plugin');
            }
            
        </script>
    </head>
    <body>
        <div class="content">
            <p class="description">
                This example demonstrates how kmltree renders a wide variety 
                of KML features, included NetworkLinks, Tours, Placemarks, and 
                Folders. Notice that some Placemarks have custom icons, and 
                that you can expand NetworkLinks. Also, the visibility and 
                open state specified within the kml document is respected.
            </p>            
        </div>
    </body>
</html>